@import '@/uni_modules/uni-scss/variables.scss';

view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}

//======主题色========
/* 主题色 */
$theme-color: #EE3F4D;
// 辅助色
$aid-color: #F37680;

.theme-color{
	color: $theme-color;
}
.theme-bg-color{
	background-color: $theme-color;
}
.aid-color{
	color: $aid-color;
}
.aid-bg-color{
	background-color: $aid-color;
}

//======中性色========
$bg-color: #EFEFEF; 			// 背景色    
$border-color: #D9D9D9; 			// 分割线，边框
$text-bg-color: #F5F5F5; 			// 文本背景色

.bg-color{
	background-color: $bg-color;
}

.divide-color{
	background-color: $border-color;// 分割线
}

.border{
	border: 1px solid $border-color;// 边框
}

.text-bg{
	background-color: $text-bg-color;// 文本背景色
}

//======文本色========
$mid-text-color: #5B5B5B; //中强调
$low-text-color: #8E8E8E; //弱化，提示文字

.mid-text{
	color: $mid-text-color;
}
.low-text{
	color: $low-text-color;
}

// ========盒子阴影========
$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);

.all-box{
	border: 1rpx solid red;
}

.border-radius-shadow{
	border-radius: $border-radius;
	box-shadow: $uni-shadow-sm;
}

//========圆角=======
$border-radius: 15rpx;

.border-radius{
	border-radius: $border-radius;
}

//=======通用边距=======
.margin-com{
	margin:$my-margin;
}
.margin-top-com{
	margin-top: $my-margin;
}
.margin-bottom-com{
	margin-bottom: $my-margin;
}

.margin-left-com{
	margin-left: $my-margin;
}
.margin-right-com{
	margin-right: $my-margin;
}
.margin-tb-com{
	margin-top: $my-margin;
	margin-bottom: $my-margin;
}
.margin-lr-com{
	margin-left: $my-margin;
	margin-right: $my-margin;
}
.padding-com{
	padding:$my-margin;
}
.padding-top-com{
	padding-top: $my-margin;
}
.padding-bottom-com{
	padding-bottom: $my-margin;
}

.padding-left-com{
	padding-left: $my-margin;
}
.padding-right-com{
	padding-right: $my-margin;
}
.padding-tb-com{
	padding-top: $my-margin;
	padding-bottom: $my-margin;
}
.padding-lr-com{
	padding-left: $my-margin;
	padding-right: $my-margin;
}

/* ====== 通用flex布局start ====== */
.flex-row{
	display: flex;
	flex-direction: row;
}
.flex-row-bt {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.flex-row-st {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.flex-row-ec {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.flex-row-ct {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.flex-row-ac {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.flex-column-c{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flex-column-st{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.flex-column-ss{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.flex-column-sb{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.flex-column-bc{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
/* ====== 通用flex布局end ====== */

//文本隐藏
.text-overhidden-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; // 控制多行的行数
	-webkit-box-orient: vertical;
}
.text-overhidden-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; // 控制多行的行数
	-webkit-box-orient: vertical;
}

